@charset "utf-8";

/* **************************************************

Name: module.css

Description: Setting of content module

Create: 2007.10.XX
Update: 2012.02.03

Copyright 2007 Hitachi, Ltd. 

***************************************************** */



/* content===========================================

[c1] Page title
[c2] Section title
[c3] Paragraph
[c4] Catch copy
[c5] Image
[c6] Image + Paragraph
[c7] List
[c8] Ordered list
[c9] Additional notes
[c10] Annotations
[c11] Link list
[c12] Menu button
[c13] Icon link
[c14] Data table
[c15] Plug-in download
[c16] Box
[c17] Accentuation
[c18] Contents Navigation
[c19] sequential navigation
[c20] anchor links
[c21] page top navigation
[-] Common class

===================================================== */



/* [c1] Page title
=========================================================================================== */

/* ---[c-1-1-1] page title > text--- */
/* ---[c-1-2-1] page title > text > sub title--- */
div.PageTitleStyle1  {
margin: 0 0 15px;
padding: 0 0 15px;
background: url("/image/h1_en/bg_pagetitle.gif") repeat-x 0 100%;
}
div.PageTitleStyle1 h1 {
margin: 0 0 3px;
font-size: 103%;
line-height: 1.35;
}
div.PageTitleStyle1 p.SubTitle {
margin: 0;
font-size: 90%;
line-height: 1.35;
}
div.PageTitleStyle1 h1 a,
div.PageTitleStyle1 p.SubTitle strong,
div.PageTitleStyle1 p.SubTitle strong a { line-height: 1.35; }


/* ---[c-1-1-2] page title without lower title > text--- */
/* ---[c-1-2-2] page title without lower title > text > sub title--- */
div.PageTitleStyle2  {
margin: 0 0 15px;
padding: 0 0 15px;
}
div.PageTitleStyle2 h1 {
margin: 0 0 3px;
font-size: 103%;
line-height: 1.35;
}
div.PageTitleStyle2 p.SubTitle {
margin: 0;
font-size: 90%;
line-height: 1.35;
}
div.PageTitleStyle2 h1 a,
div.PageTitleStyle2 p.SubTitle strong,
div.PageTitleStyle2 p.SubTitle strong a { line-height: 1.35; }


/* ---[c-1-3-1] page title > image > grid4--- */
/* ---[c-1-3-2] page title > image > grid3--- */
div.PageTitleStyle3 { margin: 0 0 20px; }


/* ---[c-1-1-3] page title > text > logo--- */
/* ---[c-1-1-4] page title without lower title > text > logo--- */
/* ---[c-1-2-3] page title > text > sub title > logo--- */
/* ---[c-1-2-4] page title without lower title > text > sub title > logo--- */
div.PageTitleStyle1 p.LogoStyle,
div.PageTitleStyle2 p.LogoStyle {
float: right;
width: 142px;
height: 42px;
}



/* [c2] Section title
=========================================================================================== */

/* ---[c2-1-1] section title > 1st level--- */
/* ---[c2-1-2] section title > 1st level > linked--- */
h2 {
margin: 0 0 10px;
border-top: 3px solid #ee1933;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents h2 { position: relative; z-index: 1; }
/* */
h2 span {
display: block;
padding: 6px 5px 4px;
border: 1px solid #cccccc;
border-top: none;
background-color: #efefef;
font-size: 90%;
line-height: 1.35;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents h2 span { position: relative; z-index: 2; margin: -1px 0 0; }
/* */
h2 a { line-height: 1.35; }


/* ---[c2-1-3-1] section title > 1st level > linked > with right link--- */
/* ---[c2-1-3-2] section title > 1st level > linked > with RDF link--- */
div.LV1LinkSet {
margin: 0 0 10px;
border-top: 3px solid #ee1933;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.LV1LinkSet { position: relative; z-index: 2; }
/* */
div.LV1LinkSet div {
padding: 6px 5px 4px;
border: 1px solid #cccccc;
border-top: none;
background-color: #efefef;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.LV1LinkSet div { position: relative; z-index: 1; }
/* */
div.LV1LinkSet div h2 {
float: left;
margin: 0;
border: none;
font-size: 90%;
line-height: 1.35;
}
div.LV1LinkSet div ul {
float: right;
font-size: 90%;
line-height: 1.35;
}
div.LV1LinkSet div h2 a { line-height: 1.35; }


/* ---[c2-2-1] section title > 2nd level--- */
/* ---[c2-2-2] section title > 2nd level > linked--- */
h3 {
margin: 0 0 10px;
padding: 0 0 3px;
border-bottom: 1px solid #cdcdcd;
font-size: 90%;
line-height: 1.35;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents h3 { position: relative; }
/* */
h3 a { line-height: 1.35; }


/* ---[c2-2-3-1] section title > 2nd level > linked > with right link--- */
/* ---[c2-2-3-2] section title > 2nd level > linked > with RDF link--- */
div.LV2LinkSet {
margin: 0 0 10px;
padding: 0 0 3px;
border-bottom: 1px solid #cdcdcd;
}
div.LV2LinkSet h3 {
margin: 0;
padding: 0;
float: left;
border: none;
font-size: 90%;
line-height: 1.35;
}
div.LV2LinkSet ul {
float: right;
font-size: 90%;
line-height: 1.35;
}
div.LV2LinkSet h3 a { line-height: 1.35; }


/* ---[c2-3-1] section title > 3rd level--- */
/* ---[c2-3-2] section title > 3rd level > linked--- */
h4 {
margin: 0 0 10px;
font-size: 90%;
line-height: 1.35;
}
h4 a { line-height: 1.35; }



/* [c3] Paragraph
=========================================================================================== */

/* ---[c3-1-1] paragraph > font size:90%--- */
/* ---[c3-2-1] paragraph > Right align > font size:90%--- */
p.TextStyle1 {
margin: 0 0 15px;
font-size: 90%;
line-height: 1.35;
}
p.TextStyle1 a { line-height: 1.35; }


/* ---[c3-1-2] paragraph > font size:83%--- */
/* ---[c3-2-2] paragraph > Right align > font size:83%--- */
p.TextStyle2 {
margin: 0 0 15px;
font-size: 83%;
line-height: 1.35;
}
p.TextStyle2 a { line-height: 1.35; }



/* [c4] Catch copy
=========================================================================================== */

/* ---[c4-1] catch copy > left align--- */
/* ---[c4-2] catch copy > center align--- */
p.CatchCopy {
margin: 0 0 15px;
font-size: 90%;
line-height: 1.35;
}
p.CatchCopy strong,
p.CatchCopy strong a { line-height: 1.35; }



/* [c5] Image
=========================================================================================== */
/* [c6] Image + Paragraph
=========================================================================================== */

/* ---[c5-1-1] image > left align--- */
/* ---[c5-1-2] image > left align > caption + popup link--- */
/* ---[c5-2-1] image > center align--- */
/* ---[c5-2-2] image > center align > caption + popup link--- */
/* ---[c5-3-1] image > right align--- */
/* ---[c5-3-2] image > right align > caption + popup link--- */
p.ImgOnlyStyle {
margin: 0 0 15px;
font-size: 83%;
line-height: 1.35;
}
p.ImgOnlyStyle a.NewWindow {
padding: 1px 0 1px 17px;
background: url("/image/h1_en/icon/icon_new_window.gif") no-repeat 0 0;
line-height: 1.35;
}


/* ---[c6-1-1] image + paragraph > right aligned image > paragraph > font size:90%--- */
/* ---[c6-1-2] image + paragraph > right aligned image > paragraph > font size:83%--- */
/* ---[c6-2-1] image + paragraph > left aligned image > paragraph > font size:90%--- */
/* ---[c6-2-2] image + paragraph > left aligned image > paragraph > font size:83%--- */
div.ImgLeftAdjust {
float: left;
margin: 0 15px 0 0;
text-align: left;
}
div.ImgRightAdjust {
float: right;
margin: 0 0 0 15px;
text-align: left;
}
div.ImgLeftAdjust p.ImgOnlyStyle,
div.ImgRightAdjust p.ImgOnlyStyle { margin: 0 0 10px; }
div.ImgLeftAdjust p.ImgOnlyStyle img,
div.ImgRightAdjust p.ImgOnlyStyle img { margin: 3px 0 0; }



/* [c7] List
=========================================================================================== */

/* ---[c7-1-1] list > un-orderd list > font size:90%--- */
ul.ListStyle1 {
margin: 0 0 15px;
font-size: 90%;
}
ul.ListStyle1 ul {
margin: 5px 0 0;
font-size: 100%;
}
ul.ListStyle1 ol {
margin: 5px 0 0 17px;
font-size: 100%;
}
ul.ListStyle1 li {
margin: 0 0 5px;
padding: 0 0 0 17px;
background: url("/image/h1_en/icon/icon_list_marker.gif") no-repeat 0 1px;
line-height: 1.35;
}
/* IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.ListStyle1 li { position: relative; }
/* */
ul.ListStyle1 ol li {
margin: 0 0 5px;
padding: 0;
background: none;
}
ul.ListStyle1 li a { line-height: 1.35; }


/* ---[c7-1-2] list > un-orderd list > font size:83%--- */
ul.ListStyle2 {
margin: 0 0 15px;
font-size: 83%;
}
ul.ListStyle2 ul {
margin: 4px 0 0;
font-size: 100%;
}
ul.ListStyle2 ol {
margin: 4px 0 0 17px;
font-size: 100%;
}
ul.ListStyle2 li {
margin: 0 0 4px;
padding: 0 0 0 17px;
background: url("/image/h1_en/icon/icon_list_marker.gif") no-repeat 0 1px;
line-height: 1.35;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.ListStyle2 li { position: relative; }
/* */
ul.ListStyle2 ol li {
margin: 0 0 4px;
padding: 0;
background: none;
}
ul.ListStyle2 li a { line-height: 1.35; }


/* ---[c7-2-1] list > description list > font size:90%--- */
dl.ListStyle1 {
margin: 0 0 15px;
font-size: 90%;
}
dl.ListStyle1 dt {
margin: 0 0 3px;
padding: 1px 0 1px 17px;
background: url("/image/h1_en/icon/icon_list_marker.gif") no-repeat 0 2px;
line-height: 1.35;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents dl.ListStyle1 dt { position: relative; }
/* */
dl.ListStyle1 dd {
margin: 0 0 10px;
padding: 1px 0 1px 17px;
line-height: 1.35;
}
dl.ListStyle1 dt a,
dl.ListStyle1 dd a { line-height: 1.35; }


/* ---[c7-2-2] list > description list > font size:83%--- */
dl.ListStyle2 {
margin: 0 0 15px;
font-size: 83%;
}
dl.ListStyle2 dt {
margin: 0 0 2px;
padding: 1px 0 1px 17px;
background: url("/image/h1_en/icon/icon_list_marker.gif") no-repeat 0 2px;
line-height: 1.35;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents dl.ListStyle2 dt { position: relative; }
/* */
dl.ListStyle2 dd {
margin: 0 0 8px;
padding: 0 0 0 17px;
line-height: 1.35;
}
dl.ListStyle2 dt a,
dl.ListStyle2 dd a { line-height: 1.35; }



/* [c8] Ordered list
=========================================================================================== */

/* ---[c8-1-1] orderd List > font size:90%--- */
ol.ListStyle1 {
margin: 0 0 15px 30px;
font-size: 90%;
}
ol.ListStyle1 ol {
margin: 5px 0 0 17px;
font-size: 100%;
}
ol.ListStyle1 ul {
margin: 5px 0 0;
font-size: 100%;
}
ol.ListStyle1 li {
margin: 0 0 5px;
line-height: 1.35;
}
ol.ListStyle1 ul li {
margin: 0 0 5px;
padding: 0 0 0 17px;
background: url("/image/h1_en/icon/icon_list_marker.gif") no-repeat 0 1px;
}
ol.ListStyle1 li a { line-height: 1.35; }


/* ---[c8-1-2] orderd List > font size:83%--- */
ol.ListStyle2 {
margin: 0 0 15px 30px;
font-size: 83%;
}
ol.ListStyle2 ol {
margin: 4px 0 0 17px;
font-size: 100%;
}
ol.ListStyle2 ul {
margin: 4px 0 0;
font-size: 100%;
}
ol.ListStyle2 li {
margin: 0 0 4px;
line-height: 1.35;
}
ol.ListStyle2 ul li {
margin: 0 0 4px;
padding: 0 0 0 17px;
background: url("/image/h1_en/icon/icon_list_marker.gif") no-repeat 0 1px;
}
ol.ListStyle2 li a { line-height: 1.35; }


/* ---[c8-2-1] orderd List > marker mix > font size:90%--- */
ol.ListStyle3 {
margin: 0 0 15px 25px;
font-size: 90%;
}
ol.ListStyle3 li {
margin: 0 0 5px;
line-height: 1.35;
}
ol.ListStyle3 li ol {
margin: 5px 0 0;
padding: 0 0 0 17px;
list-style-type: lower-alpha;
font-size: 100%;
}
ol.ListStyle3 ol li ol { list-style-type: lower-roman; }

ol.ListStyle3 li a { line-height: 1.35; }


/* ---[c8-2-2] orderd List > marker mix > font size:83%--- */
ol.ListStyle4 {
margin: 0 0 15px 25px;
font-size: 83%;
}
ol.ListStyle4 li {
margin: 0 0 4px;
line-height: 1.35;
}
ol.ListStyle4 li ol {
margin: 4px 0 0;
padding: 0 0 0 15px;
list-style-type: lower-alpha;
font-size: 100%;
}
ol.ListStyle4 ol li ol { list-style-type: lower-roman; }

ol.ListStyle4 li a { line-height: 1.35; }



/* [c9] Additional notes
=========================================================================================== */

/* ---[c9-1] additional notes list > font size:90%--- */
/* ---[c9-2] additional notes list > font size:83%--- */
/* ---[c9-3] additional notes list > font size:67%--- */
dl.AdditionalNotesStyle1 {
margin: 0 0 15px;
font-size: 90%;
}
dl.AdditionalNotesStyle2 {
margin: 0 0 15px;
font-size: 83%;
}
dl.AdditionalNotesStyle3 {
margin: 0 0 15px;
font-size: 67%;
}
dl.AdditionalNotesStyle1 dt,
dl.AdditionalNotesStyle2 dt,
dl.AdditionalNotesStyle3 dt {
float: left;
clear: left;
width: 1.5em;
line-height: 1.35;
}
dl.AdditionalNotesStyle1 dd,
dl.AdditionalNotesStyle2 dd,
dl.AdditionalNotesStyle3 dd {
float: left;
clear: both;
line-height: 1.35;
}
dl.AdditionalNotesStyle1 dd { margin: -1.15em 0 5px 1.6em; }
dl.AdditionalNotesStyle2 dd { margin: -1.2em 0 4px 1.6em; }
dl.AdditionalNotesStyle3 dd { margin: -1.25em 0 3px 1.6em; }
/* Win IE7 & IE6 lower */
* html body dl.AdditionalNotesStyle1 dd { float: none; clear: none; display: inline-block; margin: 0 0 5px; }
* html body dl.AdditionalNotesStyle2 dd { float: none; clear: none; display: inline-block; margin: 0 0 4px; }
* html body dl.AdditionalNotesStyle3 dd { float: none; clear: none; display: inline-block; margin: 0 0 3px; }
*:first-child+html dl.AdditionalNotesStyle1 dd { float: none; clear: none; display: inline-block; margin: 0 0 5px; }
*:first-child+html dl.AdditionalNotesStyle2 dd { float: none; clear: none; display: inline-block; margin: 0 0 4px; }
*:first-child+html dl.AdditionalNotesStyle3 dd { float: none; clear: none; display: inline-block; margin: 0 0 3px; }
/* */



/* [c10] Annotations
=========================================================================================== */

/* ---[c10-1] annotations list > font size:90%--- */
ul.AnnotationsStyle1 {
margin: 0 0 15px;
font-size: 90%;
}
ul.AnnotationsStyle1 li {
padding: 0 0 5px 1em;
color: #990000;
font-weight: bold;
text-indent: -0.65em;
line-height: 1.35;
}
/* Mac Safari */
html[xmlns*=""] body:last-child ul.AnnotationsStyle1 li { text-indent: -0.75em; }
/**/


/* ---[c10-2] annotations list > font size:83%--- */
ul.AnnotationsStyle2 {
margin: 0 0 15px;
font-size: 83%;
}
ul.AnnotationsStyle2 li {
padding: 0 0 4px 1em;
color: #990000;
font-weight: bold;
text-indent: -0.65em;
line-height: 1.35;
}
/* Mac Safari */
html[xmlns*=""] body:last-child ul.AnnotationsStyle2 li { text-indent: -0.75em; }
/* */



/* [c11] Link list
=========================================================================================== */

/* ---[c11-1-1] link list > font size:90%--- */
ul.LinkListStyle1 {
margin: 0 0 15px;
font-size: 90%;
}
ul.LinkListStyle1 li {
margin: 0 0 5px;
padding: 0 0 0 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.LinkListStyle1 li { position: relative; }
/* */
ul.LinkListStyle1 li ul {
margin: 5px 0 0;
font-size: 100%;
}
ul.LinkListStyle1 li a {line-height: 1.35; }


/* ---[c11-1-2] link list > font size:83%--- */
ul.LinkListStyle2 {
margin: 0 0 15px;
font-size: 83%;
}
ul.LinkListStyle2 li {
margin: 0 0 4px;
padding: 0 0 0 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.LinkListStyle2 li { position: relative; }
/* */
ul.LinkListStyle2 li ul {
margin: 4px 0 0;
font-size: 100%;
}
ul.LinkListStyle2 li a {line-height: 1.35; }


/* ---[c11-2-1] link list > right align > font size:90%--- */
/* ---[c11-2-2] link list > right align > font size:83%--- */
ul.ListRightAdjust { text-align: right; }
ul.ListRightAdjust li {
display: inline;
padding: 2px 0 2px 17px;
}
/* Mac Safari & Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.ListRightAdjust li { position: static; background-repeat: no-repeat; background-position: 0 0; }
html[xmlns*=""] body:last-child ul.ListRightAdjust li { padding: 0 0 0 17px; }
/* */


/* ---[c11-3-1] link list > description > font size:90%--- */
dl.LinkListStyle1 {
margin: 0 0 15px;
font-size: 90%;
}
dl.LinkListStyle1 dt {
padding: 0 0 5px 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents dl.LinkListStyle1 dt { position: relative; }
/* */
dl.LinkListStyle1 dd {
margin: 0 0 10px;
padding: 0 0 0 17px;
line-height: 1.35;
}
dl.LinkListStyle1 dt a,
dl.LinkListStyle1 dd a { line-height: 1.35; }


/* ---[c11-3-2] link list > description > font size:83% >---- */
dl.LinkListStyle2 {
margin: 0 0 15px;
font-size: 83%;
}
dl.LinkListStyle2 dt {
padding: 0 0 4px 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents dl.LinkListStyle2 dt { position: relative; }
/* */
dl.LinkListStyle2 dd {
margin: 0 0 9px;
padding: 0 0 0 17px;
line-height: 1.35;
}
dl.LinkListStyle2 dt a,
dl.LinkListStyle2 dd a { line-height: 1.35; }


/* ---[c11-4-1] link list > lower item > font size:90%--- */
ul.LinkListStyle3 {
margin: 0 0 15px;
font-size: 90%;
}
ul.LinkListStyle3 li {
margin: 0 0 5px;
padding: 0 0 0 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.1em;
line-height: 1.35;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.LinkListStyle3 li { position: relative; }
/* */
ul.LinkListStyle3 li ul {
margin: 5px 0 0;
font-size: 100%;
}
ul.LinkListStyle3 li ul li { background: url("/image/h1_en/icon/icon_list_marker.gif") no-repeat 0 0.1em; }

ul.LinkListStyle3 li a { line-height: 1.35; }


/* ---[c11-4-2] link list > lower item > font size:83%--- */
ul.LinkListStyle4 {
margin: 0 0 15px;
font-size: 83%;
}
ul.LinkListStyle4 li {
margin: 0 0 4px;
padding: 0 0 0 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.1em;
line-height: 1.35;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.LinkListStyle4 li { position: relative; }
/* */
ul.LinkListStyle4 li ul {
margin: 4px 0 0;
font-size: 100%;
}
ul.LinkListStyle4 li ul li { background: url("/image/h1_en/icon/icon_list_marker.gif") no-repeat 0 0.1em; }

ul.LinkListStyle4 li a { line-height: 1.35; }


/* ---[c11-5-1-1] link list > thumbnail + description > thumbnail 60px > font size:90%--- */
/* ---[c11-5-1-2] link list > thumbnail + description > thumbnail 60px > font size:83%--- */
/* ---[c11-5-2-1] link list > thumbnail + description > thumbnail 120px > font size:90%--- */
/* ---[c11-5-2-2] link list > thumbnail + description > thumbnail 120px > font size:83%--- */
/* ---[c11-5-3-1] link list > thumbnail + description > thumbnail 180px > font size:90%--- */
/* ---[c11-5-3-2] link list > thumbnail + description > thumbnail 180px > font size:83%--- */
div.ImgW60SetStyle p.Img {
float: left;
width: 60px;
margin: 0 15px 0 0;
padding: 0 0 15px;
}
div.ImgW120SetStyle p.Img {
float: left;
width: 120px;
margin: 0 15px 0 0;
padding: 0 0 15px;
}
div.ImgW180SetStyle p.Img {
float: left;
width: 180px;
margin: 0 15px 0 0;
padding: 0 0 15px;
}
div.ImgW60SetStyle div.ImgSet,
div.ImgW120SetStyle div.ImgSet,
div.ImgW180SetStyle div.ImgSet { float: left; }


/* ---[c11-6-1] link list > dated information on the bottom--- */

dl.DateListStyle1 { margin: 0 0 15px; }
dl.DateListStyle1 dt {
margin: 0 0 3px;
font-size: 90%;
}
dl.DateListStyle1 dd ul.LinkListStyle1 { margin: 0 0 10px; }


/* ---[c11-6-2] link list > dated information on the right--- */

dl.DateListStyle2 { margin: 0 0 15px; }
dl.DateListStyle2 dt {
margin: 0 0 10px;
font-size: 90%;
}
dl.DateListStyle2 dd { margin: -1.65em 0 0 8em; }
dl.DateListStyle2 dd ul.LinkListStyle1 { margin: 0 0 10px; }


/* ---[c11-7-1] link list > font size:90% > horizontal--- */

ul.LinkListStyle5 {
margin: 0 0 15px;
padding: 0 0 1px;
font-size: 90%;
}
ul.LinkListStyle5 li {
float: left;
margin: 0 10px 4px 0;
padding: 1px 0 1px 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.2em;
line-height: 1.35;
}
ul.LinkListStyle5 li a {
line-height: 1.35;
white-space: nowrap;
}


/* ---[c11-7-2] link list > font size:83% > horizontal--- */

ul.LinkListStyle6 {
margin: 0 0 15px;
padding: 0 0 1px;
font-size: 83%;
}
ul.LinkListStyle6 li {
float: left;
margin: 0 10px 4px 0;
padding: 1px 0 1px 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.15em;
line-height: 1.35;
}
ul.LinkListStyle6 li a {
line-height: 1.35;
white-space: nowrap;
}



/* [c12] Menu button
=========================================================================================== */

/* ---[c12-1] Menu button > vertival--- */
div.Button ul.ButtonStyle1 {
display: block;
float: left;
padding: 0 0 15px;
font-size: 83%;
}
div.Button ul li {
display: block;
float: left;
clear: both;
margin: 0 0 10px;
background: url("/image/h1_en/bg_button_free.gif") no-repeat 0 100%;
}
div.Button ul li strong {
display: block;
float: left;
padding: 0 0 0 6px;
background: url("/image/h1_en/bg_button_free.gif") no-repeat 0 0;
font-weight: normal;
}
div.Button ul li strong span {
display: block;
float: left;
background: url("/image/h1_en/bg_button_free.gif") no-repeat 100% 100%;
}
div.Button ul li strong span a {
display: block;
float: left;
padding: 5px 15px 5px 9px;
background: url("/image/h1_en/bg_button_free.gif") no-repeat 100% 0;
text-align: center;
line-height: 1.35;
}


/* ---[c12-2] Menu button > horizontal--- */
div.Button ul.ButtonStyle2 {
display: block;
float: left;
padding: 0 0 15px;
font-size: 83%;
}
div.Button ul.ButtonStyle2 li {
clear: none;
margin: 0 10px 5px 0;
}


/* ---[c12-3-1-1] Menu Button > description > right > button 120px > font size:90%--- */
/* ---[c12-3-1-2] Menu Button > description > right > button 120px > font size:83%--- */
/* ---[c12-3-2-1] Menu Button > description > right > button 120px > font size:83%--- */
/* ---[c12-3-2-2] Menu Button > description > right > button 120px > font size:83%--- */
/* ---[c12-3-3-1] Menu Button > description > right > button 240px > font size:90%--- */
/* ---[c12-3-3-2] Menu Button > description > right > button 240px > font size:83%--- */
/* ---[c12-4-1-1] Menu Button > description > bottom > button 120px > font size:90%--- */
/* ---[c12-4-1-2] Menu Button > description > bottom > button 120px > font size:83%--- */
/* ---[c12-4-2-1] Menu Button > description > bottom > button 180px > font size:90%--- */
/* ---[c12-4-2-2] Menu Button > description > bottom > button 180px > font size:83%--- */
/* ---[c12-4-3-1] Menu Button > description > bottom > button 240px > font size:90%--- */
/* ---[c12-4-3-2] Menu Button > description > bottom > button 240px > font size:83%--- */
/* ---[c12-5-1-1] Menu Button > lower link list > right > button 120px > font size:90%--- */
/* ---[c12-5-1-2] Menu Button > lower link list > right > button 120px > font size:83%--- */
/* ---[c12-5-2-1] Menu Button > lower link list > right > button 180px > font size:90%--- */
/* ---[c12-5-2-2] Menu Button > lower link list > right > button 180px > font size:83%--- */
/* ---[c12-5-3-1] Menu Button > lower link list > right > button 240px > font size:90%--- */
/* ---[c12-5-3-2] Menu Button > lower link list > right > button 240px > font size:83%--- */
/* ---[c12-6-1-1] Menu Button > lower link list > bottom > button 120px > font size:90%--- */
/* ---[c12-6-1-2] Menu Button > lower link list > bottom > button 120px > font size:83%--- */
/* ---[c12-6-2-1] Menu Button > lower link list > bottom > button 180px > font size:90%--- */
/* ---[c12-6-2-2] Menu Button > lower link list > bottom > button 180px > font size:83%--- */
/* ---[c12-6-3-1] Menu Button > lower link list > bottom > button 240px > font size:90%--- */
/* ---[c12-6-3-2] Menu Button > lower link list > bottom > button 240px > font size:83%--- */
dl.ButtonW120SetStyle1,
dl.ButtonW120SetStyle2,
dl.ButtonW120SetStyle3,
dl.ButtonW120SetStyle4,
dl.ButtonW120SetStyle5,
dl.ButtonW120SetStyle6,
dl.ButtonW120SetStyle7,
dl.ButtonW120SetStyle8,
dl.ButtonW180SetStyle1,
dl.ButtonW180SetStyle2,
dl.ButtonW180SetStyle3,
dl.ButtonW180SetStyle4,
dl.ButtonW180SetStyle5,
dl.ButtonW180SetStyle6,
dl.ButtonW180SetStyle7,
dl.ButtonW180SetStyle8,
dl.ButtonW240SetStyle1,
dl.ButtonW240SetStyle2,
dl.ButtonW240SetStyle3,
dl.ButtonW240SetStyle4,
dl.ButtonW240SetStyle5,
dl.ButtonW240SetStyle6,
dl.ButtonW240SetStyle7,
dl.ButtonW240SetStyle8 { margin: 0 0 15px; }

dl.ButtonW120SetStyle1 dt,
dl.ButtonW120SetStyle2 dt,
dl.ButtonW120SetStyle3 dt,
dl.ButtonW120SetStyle4 dt,
dl.ButtonW180SetStyle1 dt,
dl.ButtonW180SetStyle2 dt,
dl.ButtonW180SetStyle3 dt,
dl.ButtonW180SetStyle4 dt,
dl.ButtonW240SetStyle1 dt,
dl.ButtonW240SetStyle2 dt,
dl.ButtonW240SetStyle3 dt,
dl.ButtonW240SetStyle4 dt {
float: left;
clear: both;
margin: 0 0 7px;
font-size: 83%;
}
dl.ButtonW120SetStyle5 dt,
dl.ButtonW120SetStyle6 dt,
dl.ButtonW120SetStyle7 dt,
dl.ButtonW120SetStyle8 dt,
dl.ButtonW180SetStyle5 dt,
dl.ButtonW180SetStyle6 dt,
dl.ButtonW180SetStyle7 dt,
dl.ButtonW180SetStyle8 dt,
dl.ButtonW240SetStyle5 dt,
dl.ButtonW240SetStyle6 dt,
dl.ButtonW240SetStyle7 dt,
dl.ButtonW240SetStyle8 dt {
margin: 0 0 7px;
font-size: 83%;
}
dl.ButtonW120SetStyle1 dt strong,
dl.ButtonW120SetStyle2 dt strong,
dl.ButtonW120SetStyle3 dt strong,
dl.ButtonW120SetStyle4 dt strong,
dl.ButtonW120SetStyle5 dt strong,
dl.ButtonW120SetStyle6 dt strong,
dl.ButtonW120SetStyle7 dt strong,
dl.ButtonW120SetStyle8 dt strong {
display: block;
background: url("/image/h1_en/bg_button_botttom120.gif") no-repeat 0 100%;
font-weight: normal;
}
dl.ButtonW180SetStyle1 dt strong,
dl.ButtonW180SetStyle2 dt strong,
dl.ButtonW180SetStyle3 dt strong,
dl.ButtonW180SetStyle4 dt strong,
dl.ButtonW180SetStyle5 dt strong,
dl.ButtonW180SetStyle6 dt strong,
dl.ButtonW180SetStyle7 dt strong,
dl.ButtonW180SetStyle8 dt strong {
display: block;
background: url("/image/h1_en/bg_button_botttom180.gif") no-repeat 0 100%;
font-weight: normal;
}
dl.ButtonW240SetStyle1 dt strong,
dl.ButtonW240SetStyle2 dt strong,
dl.ButtonW240SetStyle3 dt strong,
dl.ButtonW240SetStyle4 dt strong,
dl.ButtonW240SetStyle5 dt strong,
dl.ButtonW240SetStyle6 dt strong,
dl.ButtonW240SetStyle7 dt strong,
dl.ButtonW240SetStyle8 dt strong {
display: block;
background: url("/image/h1_en/bg_button_botttom240.gif") no-repeat 0 100%;
font-weight: normal;
}
dl.ButtonW120SetStyle1 dt strong a,
dl.ButtonW120SetStyle2 dt strong a,
dl.ButtonW120SetStyle3 dt strong a,
dl.ButtonW120SetStyle4 dt strong a,
dl.ButtonW120SetStyle5 dt strong a,
dl.ButtonW120SetStyle6 dt strong a,
dl.ButtonW120SetStyle7 dt strong a,
dl.ButtonW120SetStyle8 dt strong a {
display: block;
width: 90px;
padding: 5px 15px;
background: url("/image/h1_en/bg_button_top120.gif") no-repeat 0 0;
text-align: center;
line-height: 1.35;
}
dl.ButtonW180SetStyle1 dt strong a,
dl.ButtonW180SetStyle2 dt strong a,
dl.ButtonW180SetStyle3 dt strong a,
dl.ButtonW180SetStyle4 dt strong a,
dl.ButtonW180SetStyle5 dt strong a,
dl.ButtonW180SetStyle6 dt strong a,
dl.ButtonW180SetStyle7 dt strong a,
dl.ButtonW180SetStyle8 dt strong a {
display: block;
width: 150px;
padding: 5px 15px;
background: url("/image/h1_en/bg_button_top180.gif") no-repeat 0 0;
text-align: center;
line-height: 1.35;
}
dl.ButtonW240SetStyle1 dt strong a,
dl.ButtonW240SetStyle2 dt strong a,
dl.ButtonW240SetStyle3 dt strong a,
dl.ButtonW240SetStyle4 dt strong a,
dl.ButtonW240SetStyle5 dt strong a,
dl.ButtonW240SetStyle6 dt strong a,
dl.ButtonW240SetStyle7 dt strong a,
dl.ButtonW240SetStyle8 dt strong a {
display: block;
width: 210px;
padding: 5px 15px;
background: url("/image/h1_en/bg_button_top240.gif") no-repeat 0 0;
text-align: center;
line-height: 1.35;
}
dl.ButtonW120SetStyle1 dd,
dl.ButtonW180SetStyle1 dd,
dl.ButtonW240SetStyle1 dd {
float: right;
font-size: 90%;
line-height: 1.35;
}
dl.ButtonW120SetStyle2 dd,
dl.ButtonW180SetStyle2 dd,
dl.ButtonW240SetStyle2 dd {
float: right;
font-size: 83%;
line-height: 1.35;
}
dl.ButtonW120SetStyle3 dd,
dl.ButtonW180SetStyle3 dd,
dl.ButtonW240SetStyle3 dd,
dl.ButtonW120SetStyle4 dd,
dl.ButtonW180SetStyle4 dd,
dl.ButtonW240SetStyle4 dd {
float: right;
padding: 0 0 0 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.1em;
line-height: 1.35;
}
dl.ButtonW120SetStyle3 dd,
dl.ButtonW180SetStyle3 dd,
dl.ButtonW240SetStyle3 dd {
font-size: 90%;
margin: 0 0 5px;
}
dl.ButtonW120SetStyle4 dd,
dl.ButtonW180SetStyle4 dd,
dl.ButtonW240SetStyle4 dd {
font-size: 83%;
margin: 0 0 4px;
}
dl.ButtonW120SetStyle1 dd a,
dl.ButtonW120SetStyle2 dd a,
dl.ButtonW120SetStyle3 dd a,
dl.ButtonW120SetStyle4 dd a,
dl.ButtonW180SetStyle1 dd a,
dl.ButtonW180SetStyle2 dd a,
dl.ButtonW180SetStyle3 dd a,
dl.ButtonW180SetStyle4 dd a,
dl.ButtonW240SetStyle1 dd a,
dl.ButtonW240SetStyle2 dd a,
dl.ButtonW240SetStyle3 dd a,
dl.ButtonW240SetStyle4 dd a { line-height: 1.35; }

dl.ButtonW120SetStyle5 dd,
dl.ButtonW180SetStyle5 dd,
dl.ButtonW240SetStyle5 dd {
margin: 0 0 5px;
font-size: 90%;
line-height: 1.35;
}
dl.ButtonW120SetStyle6 dd,
dl.ButtonW180SetStyle6 dd,
dl.ButtonW240SetStyle6 dd {
margin: 0 0 4px;
font-size: 83%;
line-height: 1.35;
}
dl.ButtonW120SetStyle7 dd,
dl.ButtonW180SetStyle7 dd,
dl.ButtonW240SetStyle7 dd,
dl.ButtonW120SetStyle8 dd,
dl.ButtonW180SetStyle8 dd,
dl.ButtonW240SetStyle8 dd {
padding: 0 0 0 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.1em;
line-height: 1.35;
}
dl.ButtonW120SetStyle7 dd,
dl.ButtonW180SetStyle7 dd,
dl.ButtonW240SetStyle7 dd {
margin: 0 0 5px;
font-size: 90%;
}
dl.ButtonW120SetStyle8 dd,
dl.ButtonW180SetStyle8 dd,
dl.ButtonW240SetStyle8 dd {
margin: 0 0 4px;
font-size: 83%;
}
dl.ButtonW120SetStyle5 dd a,
dl.ButtonW120SetStyle6 dd a,
dl.ButtonW120SetStyle7 dd a,
dl.ButtonW120SetStyle8 dd a,
dl.ButtonW180SetStyle5 dd a,
dl.ButtonW180SetStyle6 dd a,
dl.ButtonW180SetStyle7 dd a,
dl.ButtonW180SetStyle8 dd a,
dl.ButtonW240SetStyle5 dd a,
dl.ButtonW240SetStyle6 dd a,
dl.ButtonW240SetStyle7 dd a,
dl.ButtonW240SetStyle8 dd a { line-height: 1.35; }



/* [c13] Icon link
=========================================================================================== */

/* ---[c13-1-1] icon link list > font size:90%--- */
/* ---[c13-1-2] icon link list > font size:83%--- */
/* ---[c13-2-1] icon link > description > font size:90%--- */
/* ---[c13-2-2] icon link > description > font size:83%--- */
/* ---[c13-3-1] icon link > font size:90% > popup window variation-- */
/* ---[c13-3-2] icon link > font size:83% > popup window variation--- */
/* ---[c13-4-1] icon link > font size:90% > right align > download--- */
/* ---[c13-4-2] icon link > font size:83% > right align > download--- */
/* ---[c13-5-1] icon link > font size:90% > right align > PDF--- */
/* ---[c13-5-2] icon link > font size:83% > right align > PDF--- */
/* ---[c13-6-1] icon link list > font size:90% > horizontal--- */
/* ---[c13-6-2] icon link list > font size:83% > horizontal--- */
ul li.NewWin, dl dt.NewWin { background: url("/image/h1_en/icon/icon_new_window.gif") no-repeat 0 0; }
ul li.Mail, dl dt.Mail { background: url("/image/h1_en/icon/icon_mail.gif") no-repeat 0 0.1em; }
ul li.Inquiry, dl dt.Inquiry { background: url("/image/h1_en/icon/icon_inquiry.gif") no-repeat 0 0; }
ul li.Pdf, dl dt.Pdf { background: url("/image/h1_en/icon/icon_pdf.gif") no-repeat 0 0.1em; }
ul li.Download, dl dt.Download { background: url("/image/h1_en/icon/icon_download.gif") no-repeat 0 0.1em; }
ul li.Sound, dl dt.Sound { background: url("/image/h1_en/icon/icon_sound.gif") no-repeat 0 0.1em; }
ul li.Movie, dl dt.Movie { background: url("/image/h1_en/icon/icon_movie.gif") no-repeat 0 0.1em; }
ul li.List, dl dt.List { background: url("/image/h1_en/icon/icon_list_marker.gif") no-repeat 0 0.1em; }
ul li.Important, dl dt.Important { background: url("/image/h1_en/icon/icon_important_link.gif") no-repeat 0 0.1em; }
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents .NewWin,
* html body div#PopUpContainer div#PopUpContents .Mail,
* html body div#PopUpContainer div#PopUpContents .Inquiry,
* html body div#PopUpContainer div#PopUpContents .Pdf,
* html body div#PopUpContainer div#PopUpContents .Download,
* html body div#PopUpContainer div#PopUpContents .Sound,
* html body div#PopUpContainer div#PopUpContents .Movie,
* html body div#PopUpContainer div#PopUpContents .List,
* html body div#PopUpContainer div#PopUpContents .Important { background-position: 0 0.1em; }
/* */



/* [c14] Data table
=========================================================================================== */

/* ---[c14-1-1] Data table--- */
/* ---[c14-1-2] Data table > caption--- */
/* ---[c14-2-1] Data table > width 100%--- */
/* ---[c14-2-2] Data table > width 100% > caption--- */
/* ---[c14-2-3] Data table > width 100% > sub header--- */
/* ---[c14-3-1] Data Table > Top-aligned--- */
table {
margin: 0 0 15px;
border-collapse: collapse;
}

table th {
background-color: #e8e8e8;
font-weight: normal;
}
table td.SubHeader {
background-color: #f3f3f3;
font-weight: normal;
}
table th,table td {
padding: 10px;
border: solid 1px #9c9a9a;
font-size: 83%;
line-height: 1.35;
text-align: left;
}
table td strong,
table td em,
table td a { line-height: 1.35; }

table.TableStyle1 caption,
table.TableStyle3 caption,
table.TableStyle5 caption { display: none; }

table.TableStyle2 caption,
table.TableStyle4 caption {
padding: 0 0 3px;
font-size: 83%;
line-height: 1.35;
text-align: left;
}
table.TableStyle3,
table.TableStyle4 { width: 100%; }

table.TableStyle5 th,
table.TableStyle5 td { vertical-align: top; }


/* ---[-] Data table module font size setting--- */
table tr td p.TextStyle2,
table tr td p.ImgOnlyStyle,
table tr td ul.ListStyle2,
table tr td ul.LinkListStyle2,
table tr td ul.LinkListStyle4,
table tr td ul.LinkListStyle6,
table tr td ul.AnnotationsStyle2,
table tr td dl.AdditionalNotesStyle2,
table tr td div.Button ul.ButtonStyle1,
table tr td div.Button ul.ButtonStyle2,
table tr td ol.ListStyle2,
table tr td ol.ListStyle4,
table tr td dl.LinkListStyle2,
table tr td dl.ListStyle2,
table tr td dl.ButtonW120SetStyle6 dt,
table tr td dl.ButtonW180SetStyle6 dt,
table tr td dl.ButtonW240SetStyle6 dt,
table tr td dl.ButtonW120SetStyle6 dd,
table tr td dl.ButtonW180SetStyle6 dd,
table tr td dl.ButtonW240SetStyle6 dd,
table tr td dl.ButtonW120SetStyle8 dt,
table tr td dl.ButtonW180SetStyle8 dt,
table tr td dl.ButtonW240SetStyle8 dt,
table tr td dl.ButtonW120SetStyle8 dd,
table tr td dl.ButtonW180SetStyle8 dd,
table tr td dl.ButtonW240SetStyle8 dd,
table tr td dl.PlugInBanner { font-size: 100%; }



/* [c15] Plug-in download
=========================================================================================== */

/* ---[c15-1] Plug-in download > Adobe Reader--- */
/* ---[c15-2] Plug-in download > Windows Media Player--- */
/* ---[c15-3] Plug-in download > Flash Player--- */
dl.PlugInBanner {
margin: 0 0 15px;
font-size: 83%;
}
dl.PlugInBanner dt {
float: left;
margin: 0 15px 5px 0;
}
dl.PlugInBanner dd,
dl.PlugInBanner dd a { line-height: 1.35; }



/* [c16] Box
=========================================================================================== */

/* ---[c16-1-1] Box pattern A--- */
/* ---[c16-1-2] Box pattern A > linked--- */
div.BoxPatternA { margin: 0 0 15px; }

div.BoxPatternA p.Title { border-top: 3px solid #9f9f9f; }

div.BoxPatternA p.Title strong {
display: block;
padding: 5px 10px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
font-size: 90%;
line-height: 1.35;
background-color: #efefef;
}
div.BoxPatternA p.Title strong a { line-height: 1.35; }

div.BoxPatternA div.Inner {
padding: 10px 10px 0;
border: solid  1px #cdcdcd;
}


/* ---[c16-2-1] Box pattern B--- */
/* ---[c16-2-2] Box pattern B > linked--- */
div.BoxPatternB {
margin: 0 0 15px;
border: 1px solid #cdcdcd;
}
/* IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternB { position: relative; }
/* */
div.BoxPatternB p.Title {
padding: 10px 10px 0;
font-size: 90%;
line-height: 1.35;
}
div.BoxPatternB p.Title a { line-height: 1.35; }

div.BoxPatternB div.Inner { padding: 10px 10px 0; }


/* ---[c16-3] Box pattern C--- */
div.BoxPatternC {
margin: 0 0 15px;
padding: 10px 10px 0;
border: 1px solid #cdcdcd;
}
/* IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternC { position: relative; }
/* */


/* ---[c16-4-1] Box pattern > BoxPatternA(h2)--- */
/* ---[c16-4-2] Box pattern > BoxPatternA(h2) > linked--- */
/* ---[c16-5-1] Box pattern > BoxPatternA(h3)--- */
/* ---[c16-5-2] Box pattern > BoxPatternA(h3) > linked--- */
/* ---[c16-6-1] Box pattern > BoxPatternA(h4)--- */
/* ---[c16-6-2] Box pattern > BoxPatternA(h4) > linked--- */
div.BoxPatternA h2, 
div.BoxPatternA h3, 
div.BoxPatternA h4 {
	padding: 5px 10px;
	margin: 0;
	border-top: 3px solid #9F9F9F;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: 1px solid #CCCCCC;
	font-size: 90%;
	line-height: 1.35;
	display: block;
	background-color: #EFEFEF;
}


/* ---[c16-7-1] Box pattern > BoxPatternB(h2)--- */
/* ---[c16-7-2] Box pattern > BoxPatternB(h2) > linked--- */
/* ---[c16-8-1] Box pattern > BoxPatternB(h3)--- */
/* ---[c16-8-2] Box pattern > BoxPatternB(h3) > linked--- */
/* ---[c16-9-1] Box pattern > BoxPatternB(h4)--- */
/* ---[c16-9-2] Box pattern > BoxPatternB(h4) > linked--- */
div.BoxPatternB h2, 
div.BoxPatternB h3, 
div.BoxPatternB h4 {
	padding: 10px 10px 0;
	margin: 0;
	border: none;
	font-size: 90%;
	line-height: 1.35;
}



/* [c17] Accentuation
=========================================================================================== */



/* [c18] Contents Navigation
=========================================================================================== */

/* ---[c18-1] contents navigation > 1 hierarchy--- */
div.CategoryNavi { margin: 0 0 15px; }
div.CategoryNavi ul { font-size: 83%; }
div.CategoryNavi ul.Top1 li,
div.CategoryNavi ul.Top2 li {
float: left;
margin: 0 3px 0 0;
background: url("/image/h1_en/bg_c_navi_l.gif") no-repeat 0 0;
line-height: 1.35;
}
div.CategoryNavi ul.Top1 li a,
div.CategoryNavi ul.Top2 li a {
display: block;
padding: 5px 8px 6px;
border-bottom: 1px solid #999999;
background: url("/image/h1_en/bg_c_navi_r.gif") no-repeat 100% 0;
white-space: nowrap;
}
div.CategoryNavi ul.Top1 li.Current,
div.CategoryNavi ul.Top2 li.Current {
float: left;
background: url("/image/h1_en/bg_c_navi_l_on.gif") no-repeat 0 0;
}
div.CategoryNavi ul.Top1 li.Current { margin: 0 3px 0 0; }
div.CategoryNavi ul.Top2 li.Current { margin: 0 3px 3px 0; }

div.CategoryNavi ul.Top1 li.Current a,
div.CategoryNavi ul.Top2 li.Current a {
display: block;
background: url("/image/h1_en/bg_c_navi_r_on.gif") no-repeat 100% 0;
}
div.CategoryNavi ul.Top1 li.Current a { padding: 5px 8px 6px; border-bottom: 1px solid #999999; text-decoration: none; }
div.CategoryNavi ul.Top2 li.Current a { padding: 5px 8px 9px; border-bottom: 1px solid #bbbbbb; text-decoration: none; }
/* Win IE7 & IE6lower */
* html body div.CategoryNavi ul.Top2 li.Current a { padding: 5px 8px 10px; }
*:first-child+html body div.CategoryNavi ul.Top2 li.Current a { padding: 5px 8px 10px; } 
/* */
div.CategoryNavi ul.Top1 li.Current a strong,
div.CategoryNavi ul.Top2 li.Current a strong {
padding: 1px 4px;
background-color: #3e3a39;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
div.CategoryNavi li.Current a em { font-style: normal; }
div.CategoryNavi li.Current a:link em { color: #08427c; text-decoration: underline; } 
div.CategoryNavi li.Current a:visited em { color: #551a8b; text-decoration: underline; }
div.CategoryNavi li.Current a:hover em { color: #890000; text-decoration: underline; }
div.CategoryNavi li.Current a:active em { color: #890000; text-decoration: underline; }


/* ---[c18-2] contents navigation > 2 hierarchy--- */
div.CategoryNavi ul.Bottom {
margin: -4px 0 0;
padding: 6px 8px;
border: 1px solid #bbbbbb;
background-color: #ffffff;
font-size: 83%;
}
/* Win IE7 & IE6lower */
* html body div.CategoryNavi ul.Bottom { margin: -2px 0 0; }
*:first-child+html body div.CategoryNavi ul.Bottom { margin: -2px 0 0; }
/* */
div.CategoryNavi ul.Bottom li {
float: left;
margin: 0 7px 0 0;
padding: 2px 7px 4px 0;
border-right: 1px solid #bbbbbb;
}
div.CategoryNavi ul.Bottom li a {
white-space: nowrap;
}
div.CategoryNavi ul.Bottom li.Current a em {
padding: 1px 4px;
background-color: #bbbbbb;
font-style: normal;
}
div.CategoryNavi ul.Bottom li.Current a strong {
padding: 1px 4px;
background-color: #3e3a39;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}


/* ---[c18-3-1] tab navigation > 1 Row > 4 Columns--- */
/* ---[c18-3-2] tab navigation > 2 Row > 4 Columns--- */
div.TabNavi ul {
margin: 0 0 15px;
font-size: 83%;
}
div.TabNavi ul li {
float: left;
margin: 0 3px 0 0;
background: url("/image/h1_en/bg_c_navi_l.gif") no-repeat 0 0;
line-height: 1.35;
}
div.TabNavi ul li a {
display: block;
padding: 5px 8px 6px;
border-bottom: 1px solid #999999;
background: url("/image/h1_en/bg_c_navi_r.gif") no-repeat 100% 0;
white-space: nowrap;
}
div.TabNavi ul li.Current {
float: left;
background: url("/image/h1_en/bg_c_navi_l_on.gif") no-repeat 0 0;
}
div.TabNavi ul li.Current { margin: 0 3px 3px 0; }

div.TabNavi ul li.Current a {
display: block;
padding: 5px 8px 6px;
border-bottom: 1px solid #999999;
background: url("/image/h1_en/bg_c_navi_r_on.gif") no-repeat 100% 0;
text-decoration: none;
}
div.TabNavi ul li.Current a strong {
font-weight: normal;
background-color: #3e3a39;
color: #ffffff;
padding: 1px 4px;
}



/* [c19] sequential navigation
=========================================================================================== */

/* ---[c19] sequential navigation--- */
div.LinearNavi {
margin: 0 0 15px;
padding: 0 0 5px;
border-bottom: 3px double #9c9c9c;
}
div.LinearNavi ul {
float: left;
font-size: 83%;
}
div.LinearNavi ul li {
display: inline;
float: left;
margin: 0 10px 0 0;
white-space: nowrap;
}
div.LinearNavi ul li.first,
div.LinearNavi ul li.prev { padding: 1px 0 5px 17px; }
div.LinearNavi ul li.last,
div.LinearNavi ul li.next { padding: 1px 17px 5px 0; }
div.Section div.LinearNavi h2.location {
float: right;
margin: 0;
padding: 1px 0 5px;
border: none;
background: none;
font-weight: normal;
font-size: 83%;
}
div.LinearNavi ul li.first { background: url("/image/h1_en/icon/icon_first_page.gif") no-repeat 0 0.1em; }
div.LinearNavi ul li.prev {
background: url("/image/h1_en/icon/icon_link_left.gif") no-repeat 0 0.1em;
margin: 0 20px 5px 0;
}
div.LinearNavi ul li.next { background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 100% 0.1em; }
div.LinearNavi ul li.last { background: url("/image/h1_en/icon/icon_last_page.gif") no-repeat 100% 0.1em; }



/* [c20] anchor links
=========================================================================================== */

/* ---[c20-1] anchor links > horizontal--- */
div.HorizontalInnerLinks { margin: 0 0 15px; }
div.HorizontalInnerLinks ul { padding: 0 0 1px; }
div.HorizontalInnerLinks ul li {
float: left;
margin: 0 10px 4px 0;
padding: 1px 0 1px 17px;
background: url("/image/h1_en/icon/icon_link_bottom.gif") no-repeat 0 0.2em;
font-size: 83%;
line-height: 1.35;
}
div.HorizontalInnerLinks ul li a {
line-height: 1.35;
white-space: nowrap;
}


/* ---[c20-2] anchor links > vertical--- */
div.VerticalInnerLinks { margin: 0 0 15px; }

div.VerticalInnerLinks ul li {
margin: 0 0 5px;
padding: 1px 0 1px 17px;
background: url("/image/h1_en/icon/icon_link_bottom.gif") no-repeat 0 0.2em;
font-size: 83%;
line-height: 1.35;
}
/* IE6lower */
* html body div#PopUpContainer div#PopUpContents div.VerticalInnerLinks ul li { position: relative; }
/* */
div.VerticalInnerLinks ul li a { line-height: 1.35; }



/* [c21] page top navigation
=========================================================================================== */

/* ---[c21] page top navigation--- */
ul.PageTop {
margin: 0 0 15px;
text-align: right;
}
ul.PageTop li {
display: inline;
padding: 1px 0 1px 17px;
font-size: 83%;
line-height: 1.35;
background: url("/image/h1_en/icon/icon_link_top.gif") no-repeat 0 0.1em;
}
ul.PageTop li a { line-height: 1.35; }



/* [-] Common class
=========================================================================================== */

.ClearFix:after,
div.Section:after,
div.PageTitleStyle1:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}
.ClearFix,
div.Section,
div.PageTitleStyle1,
div.PageTitleStyle2 { display: inline-block; }
/* Hides from IE 4-6 \*/
* html .ClearFix,
* html div.Section,
* html div.PageTitleStyle1,
* html div.PageTitleStyle2 { height: 1%; }
.ClearFix,
div.Section,
div.PageTitleStyle1,
div.PageTitleStyle2 { display: block; } 
/* End hide from IE 4-6 */

div.Section {
padding: 0 0 15px;
height: 1%;
line-height: 0;
}

.Hide {
position: absolute;
top: -9999px;
left: -9999px;
}

.LeftAdjust { text-align: left; }

.CenterAdjust {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.RightAdjust { text-align: right; }

.TopAdjust { vertical-align: top; }

.MiddleAdjust { vertical-align: middle; }

.BottomAdjust { vertical-align: bottom; }


